<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript" src="../../js/jquery-1.9.1.js"></script>
    <link rel="stylesheet" type="text/css" href="../../css/style2.css" />
    <script language="javascript" type="text/javascript">
        $(function() {
            $("#table2").freezeHeader();
        })
        function gouzhishui() {
            var buycar=document.getElementById("buycar").value
            var buycarnoval=document.getElementById("buycar")
            var pai=document.getElementById("pai")
            var chechuan=document.getElementById("chechuanid")
            var jiaotong=document.getElementById("jiaotongid")
            var zeren=document.getElementById("zerenid");
            var sunshi=document.getElementById("sunshi");
            var daoqiang=document.getElementById("daoqiang");
            var posui=document.getElementById("posuiid");
            var ziran=document.getElementById("ziran");
            var teyue=document.getElementById("teyue");
            var wuguo=document.getElementById("wuguo");
            var renyuan=document.getElementById("renyuan");
            var huahen=document.getElementById("huahenid");

            var biyao=parseInt(pai.value)+parseInt(buycar/1.17*0.1)+
                parseInt(chechuan.value)+parseInt(jiaotong.value);
            var shangye=parseInt(zeren.value)+parseInt(sunshi.value)+parseInt(daoqiang.value)+
                parseInt(posui.value)+parseInt(ziran.value)+parseInt(teyue.value)+parseInt(wuguo.value)
            +parseInt(renyuan.value)+parseInt(huahen.value);


            // var zonge=biyao+shangye;

            if (isNaN(buycarnoval.value)) {
                buycarnoval.value = "0";
            }
            if (isNaN(pai.value)) {
                pai.value = "0";
            }
            document.getElementById("gouzhishui").value=parseInt(buycar/1.17*0.1);
            document.getElementById("sunshi").value=parseInt(buycar*0.01088);
            document.getElementById("daoqiang").value=parseInt(buycar*0.00534);
            document.getElementById("ziran").value=parseInt(buycar*0.0015);
            document.getElementById("teyue").value=parseInt(4593);
            document.getElementById("wuguo").value=parseInt(149);



            document.getElementById("zonge").innerHTML=parseInt(buycar)+parseInt(biyao)+parseInt(shangye);
            document.getElementById("zonge2").innerHTML=parseInt(buycar)+parseInt(biyao)+parseInt(shangye);
            document.getElementById("biyao").innerHTML =biyao;
            document.getElementById("shangye").innerHTML =shangye;

        }
    </script>
    <style>
        .carPrice{
            width: 130px;
            height: 30px;
        }
    </style>
</head>
<body>
<div class="wrapper">
    <table class="gridView" id="table2">
            <tr class="grid">
                <th colspan="4">基本信息</th>
            </tr>

            <tr class="grid">
                <td colspan="4" style="text-align: left">
                    全款购车预计花费总额<label id="zonge" style="color: crimson;size: letter"></label>元 此结果仅供参考,实际应收费以当地为准
                </td>
            </tr>

            <tr class="grid">
                <th colspan="3">
                    必要花费
                </th>
                <th colspan="1" text-align="right">
                    必要花费小计<label id="biyao" ></label>元
                </th>
            </tr>

            <tr class="grid">
                <td>款项</td>
                <td>金额</td>
                <td>选项</td>
                <td colspan="2">明细</td>
            </tr>

<!--            购置税-->
            <tr class="grid">
                <td>购置税</td>
                <td></td>
                <td style="width: 20%"><input style="text-align: right" type="text" placeholder="0" disabled="" class="carPrice" id="gouzhishui">   元</td>
                <td style="width: 40%">购置税＝购车款/(1+17%)×购置税率(10%)</td>
            </tr>
<!--上牌费用-->
            <tr class="grid">
                <td>上牌费用</td>
                <td></td>
                <td><input style="text-align: right" type="text" placeholder="0" class="carPrice" runat="server" id="pai" value="" onkeyup="gouzhishui()"> 元</td>
                <td style="width: 40%">通常商家提供的一条龙服务收费约500元，个人办理约 373元，其中工商验证、出库150元、移动证30元、环保 卡3元、拓号费40元、行驶证相片20元、托盘费130元</td>
            </tr>


            <tr class="grid">
                <td>车船使用税</td>
                <form name="formchechuan" method="post" action="">
                    <td><input type="radio"value="chechuan1" name="radioxuan1" checked="checked" onclick="document.formchechuan.chechuan.value='300'" onkeyup="gouzhishui()"/>1.0L含以下<br/>
                        <input type="radio"value="chechuan2" name="radioxuan1" checked="checked" onclick="document.formchechuan.chechuan.value='420'" onkeyup="gouzhishui()"/> 1.0-1.6L（含）<br/>
                        <input type="radio"value="chechuan3" name="radioxuan1" checked="checked" onclick="document.formchechuan.chechuan.value='480'" onkeyup="gouzhishui()"/> 1.6-2.0L（含）<br/>
                        <input type="radio"value="chechuan4" name="radioxuan1" checked="checked" onclick="document.formchechuan.chechuan.value='900'" onkeyup="gouzhishui()"/>2.0-2.5L（含）<br/>
                        <input type="radio"value="chechuan5" name="radioxuan1" checked="checked" onclick="document.formchechuan.chechuan.value='1920'" onkeyup="gouzhishui()"/>2.5-3.0L（含）<br/>
                        <input type="radio"value="chechuan6" name="radioxuan1" checked="checked" onclick="document.formchechuan.chechuan.value='3480'" onkeyup="gouzhishui()"/>3.0-4.0L（含）<br/>
                        <input type="radio"value="chechuan7" name="radioxuan1" checked="checked" onclick="document.formchechuan.chechuan.value='5280'" onkeyup="gouzhishui()"/>4.0L以上</td>
                    <td><input style="text-align: right" type="text" placeholder="0" class="carPrice" name="chechuan" id="chechuanid" value="300">  元</td>
                    <td style="width: 40%">各省不统一，以北京为例(单位/年)。<br/>
                </form>

                    1.0L(含)以下300元；<br/>
                    1.0-1.6L(含)420元；<br/>
                    1.6-2.0L(含)480元；<br/>
                    2.0-2.5L(含)900元；<br/>
                    2.5-3.0L(含)1920元；<br/>
                    3.0-4.0L(含)3480元；<br/>
                    4.0L以上5280元；<br/>
                    不足一年按当年剩余月算。</td>
            </tr>
<!--            交通事故责任强制保险-->
            <tr class="grid">
                <td>交通事故责任强制保险</td>
                <form name="formjiaotong" method="post" action="">
                    <td><input type="radio"value="" name="radio3" checked="" onclick="document.formjiaotong.jiaotong.value='950'"/>家用六座以下<br/>
                        <input type="radio"value="" name="radio3" checked="checked" onclick="document.formjiaotong.jiaotong.value='1100'"/>家用六座以上</td>
                    <td><input style="text-align: right" type="text" placeholder="0" class="carPrice" disabled="" name="jiaotong" id="jiaotongid" value="950">  元</td>
                </form>

                <td style="width: 40%">家用6座以下950元/年，家用6座及以上1100元/年</td>
            </tr>

            <tr class="grid">
                <th colspan="3">
                    商业保险
                </th>
                <th colspan="1">
                   商业保险小计<label id="shangye" ></label>元
                </th>
            </tr>

            <tr class="grid">
                <td>款项</td>
                <td>金额</td>
                <td>选项</td>
                <td colspan="2">明细</td>
            </tr>

            <tr class="grid">
                <td> <input type="checkbox" value="" name="01" checked="">第三方责任险</td>

                    <form name="formzeren" method="post" action="">
                <td><input type="radio"value="" name="radiozeren" checked="checked" onclick="document.formzeren.zeren.value='516'" onkeyup="gouzhishui()"/> 5万<br/>
                        <input type="radio"value="" name="radiozeren" checked=""onclick="document.formzeren.zeren.value='746'" onkeyup="gouzhishui()"/>10万<br/>
                        <input type="radio"value="" name="radiozeren" checked=""onclick="document.formzeren.zeren.value='924'" onkeyup="gouzhishui()"/>20万<br/>
                        <input type="radio"value="" name="radiozeren" checked=""onclick="document.formzeren.zeren.value='1252'" onkeyup="gouzhishui()"/>50万<br/>
                    <input type="radio"value="" name="radiozeren" checked=""onclick="document.formzeren.zeren.value='1630'" onkeyup="gouzhishui()"/>100万</td>>
                <td><input style="text-align: right" type="text" placeholder="0" class="carPrice" disabled="" name="zeren" id="zerenid"onkeyup="gouzhishui()">   元</td>
                    </form>

                <td style="width: 40%"></td>
            </tr>

<!--损失到责任-->
            <tr class="grid">
                <td><input type="checkbox" value="" name="01" checked="">车辆损失险</td>
                <td></td>
                <td><input style="text-align: right" type="text" placeholder="0" class="carPrice" disabled="" id="sunshi">  元</td>
                <td style="width: 40%">基础保费+裸车价格×1.0880%</td>
            </tr>
            <tr class="grid">
                <td><input type="checkbox" value="" name="01" checked="">全车盗抢险</td>
                <td></td>
                <td><input style="text-align: right" type="text" placeholder="0" class="carPrice" disabled="" id="daoqiang">  元</td>
                <td style="width: 40%">基础保费+裸车价格×费率</td>
            </tr>
            <tr class="grid">
                <td><input type="checkbox" value="" name="01" checked="">玻璃单独破碎险</td>

                    <form name="formposui" method="post" action="">
                    <td><input type="radio"value="" name="radioposui" checked="" onclick="document.formposui.posui.value='500'"/>进口<br/>
                        <input type="radio"value="" name="radioposui" checked="checked" onclick="document.formposui.posui.value='300'"/>国产</td>
                <td><input style="text-align: right" type="text" placeholder="0" class="carPrice" disabled="" name="posui" id="posuiid">  元</td>
                    </form>

                <td style="width: 40%">进口新车购置价×0.25%，国产新车购置价×0.15%</td>
            </tr>
            <tr class="grid">
                <td><input type="checkbox" value="" name="01" checked="">自燃损失险</td>
                <td></td>
                <td><input style="text-align: right" type="text" placeholder="0" class="carPrice" disabled="" id="ziran">  元</td>
                <td style="width: 40%">新车购置价×0.15%</td>
            </tr>
            <tr class="grid">
                <td><input type="checkbox" value="" name="01" checked="">不计免赔特约险</td>
                <td></td>
                <td><input style="text-align: right" type="text" placeholder="0" class="carPrice" disabled="" id="teyue">  元</td>
                <td style="width: 40%">(车辆损失险+第三者责任险)×20%</td>
            </tr>

            <tr class="grid">
                <td><input type="checkbox" value="" name="01" checked="">无过责任险</td>
                <td></td>
                <td><input style="text-align: right" type="text" placeholder="0" class="carPrice" disabled="" id="wuguo">  元</td>
                <td style="width: 40%">第三者责任险保险费×20%</td>
            </tr>
            <tr class="grid">
                <td><input type="checkbox" value="" name="01" checked="">车上人员责任险</td>
                <td></td>
                <td><input  style="text-align: right" type="text" placeholder="0" class="carPrice" id="renyuan" onkeyup="gouzhishui()"> 元</td>
                <td style="width: 40%">每人保费50元，可根据车辆的实际座位数填写</td>
            </tr>
            <tr class="grid">
                <td> <input type="checkbox" value="" name="01" checked="">车身划痕险</td>
                <form name="formhuahen" method="post" action="">
                    <td><input type="radio"value="" name="radiohuahen" checked="" onclick="document.formhuahen.huahen.value='850'"/>2千<br/>
                        <input type="radio"value="" name="radiohuahen" checked="" onclick="document.formhuahen.huahen.value='1100'"/>5千<br/>
                        <input type="radio"value="" name="radiohuahen" checked="" onclick="document.formhuahen.huahen.value='1500'"/>1万<br/>
                        <input type="radio"value="" name="radiohuahen" checked="" onclick="document.formhuahen.huahen.value='2250'"/>2万</td>
                    <td><input style="text-align: right" type="text" placeholder="0" class="carPrice" disabled="" name="huahen" id="huahenid">   元</td>
                </form>

                <td style="width: 40%"></td>
            </tr>
        <tr class="grid">
            <td colspan="3">
                车辆购置价格  <input style="text-align: right" type="text" placeholder="0" class="carPrice" runat="server" id="buycar" onkeyup="gouzhishui()">  元</td>
            <td style="text-align: right;border-left:none;">（可以手动输入实际成交价格)
        </tr>
            <tr class="grid">
                <td colspan="4" style="text-align:left">
                    全款购车预计花费总额<label id="zonge2" style="color: crimson;size: letter"></label>元 此结果仅供参考,实际应收费以当地为准
                </td>
            </tr>
            </tbody>
        </table>


</div>
</body>

</html>